<script setup>
import { ref } from 'vue'
import ApplicationItem from './ApplicationItem.vue'
let buttonColo = '#f5f5f5'
// let bgColor = '#31282a'
let btnType = 'gain'
// let btnHight = '60px'
let textColor = '#818181'
const showLoading = ref(true)
let list = [1, 2, 3, 4]
const props = defineProps({
  itemTitle: {
    type: String,
    default: '', //
  },
  listData: {
    type: Array,
    default: [], //
  },
})
</script>
<template>
  <div class="application-item-list common-box-shadow">
    <div class="item-list-top">
      <!-- <div style="color: #818181; font-weight: bold">专题</div> -->
      <div class="item-list-top-title">{{ itemTitle }}</div>
      <ApplicationItem
        v-for="(item, index) in props.listData"
        :key="index"
        class="application-box-introduce"
        :buttonColo="buttonColo"
        :textColor="textColor"
        :itemData="item"
      ></ApplicationItem>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.application-item-list {
  padding: 10px 20px;

  border-radius: 12px;
}

.item-list-top-title {
  font-weight: bold;
  font-size: 24px;
  margin-top: 6px;
  margin-bottom: 6px;
}
</style>
